﻿<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
		<link rel="stylesheet" href="../css/nav.css">
        <link rel="stylesheet" href="../css/index.css" />
    </head>

	<body>
		<div class="head">
			<!--<iframe frameborder="0" height="" seamless width="100%" scrolling="no" src="nav.html"></iframe>-->
		</div>
		<div class="main container" id="main">
			<div class="menu-box">

			</div>
			<!--子-->
			<div class="sub-menu hide" id="sub-menu">
				<!--前沿技术-->
				<div class="inner-box ">
					<div class="sub-inner-box">
						<div class="tittle">前沿技术</div>
						<div class="sub-row">
							<span class="bold mr10"></span>
							<ul class="shuju">

							</ul>
						</div>
						<div class="sub-row">

						</div>
					</div>

				</div>
				<!--前端开发-->
				<div class="inner-box ">
					<div class="sub-inner-box">
						<div class="tittle">前端开发</div>
						<div class="sub-row">
							<span class="bold mr10"></span>
							<ul class="shuju">

							</ul>
						</div>
						<div class="sub-row">

						</div>

					</div>

				</div>
				<!--后端开发-->
				<div class="inner-box ">
					<div class="sub-inner-box">
						<div class="tittle">后端开发</div>
						<div class="sub-row">
							<span class="bold mr10"></span>
							<ul class="shuju">

							</ul>
						</div>
						<div class="sub-row" style="background: #000">
						</div>

					</div>

				</div>
				<!--移动开发<-->
				<div class="inner-box ">
					<div class="sub-inner-box">
						<div class="tittle">移动开发</div>
						<div class="sub-row">
							<span class="bold mr10"></span>
							<ul class="shuju">

							</ul>
						</div>
						<div class="sub-row">
							<!--里面的div-->
						</div>

					</div>

				</div>

				<!--算法数学<-->
				<div class="inner-box ">
					<div class="sub-inner-box">
						<div class="tittle">云计算&大数据</div>
						<div class="sub-row">
							<span class="bold mr10"></span>
							<ul class="shuju">

							</ul>
						</div>
					</div>

				</div>

				<!--运维&测试<-->
				<div class="inner-box ">
					<div class="sub-inner-box">
						<div class="tittle">运维&测试</div>
						<div class="sub-row">
							<span class="bold mr10"></span>
							<ul class="shuju">

							</ul>
						</div>
<!--						<div class="sub-inner-box">-->
<!--							<div class="tittle">数据库</div>-->
<!--							<div class="sub-row">-->
<!--								<ul class="shuju">-->

<!--								</ul>-->
<!--							</div>-->

<!--						</div>-->
					</div>
				</div>

				<!--UI设计&多媒体<-->
				<div class="inner-box ">
					<div class="sub-inner-box">
						<div class="tittle">UI设计&多媒体</div>
						<div class="sub-row">
							<span class="bold mr10"></span>
							<ul class="shuju">
							</ul>
						</div>
					</div>
				</div>

			</div>

			<!--主-->
			<div class="menu-contern" id="menu-contern">
				<div class="menu-item" courseid="1">
					<a href="">
						<span>前沿 / 区块链 / 人工智能</span>
                        <span class="glyphicon glyphicon-triangle-right imv2-arrow1_r"></span>
                    </a>
                </div>
				<div class="menu-item" courseid="2">
					<a href="">
						<span>前端 / 小程序 / JS</span>
                        <span class="glyphicon glyphicon-triangle-right imv2-arrow1_r"></span>
                    </a>
				</div>
				<div class="menu-item" courseid="3">
					<a href="">
						<span id="b">后端 / JAVA / Python</span>
                        <span class="glyphicon glyphicon-triangle-right imv2-arrow1_r"></span>
                    </a>
				</div>
				<div class="menu-item" courseid="4">
					<a href="">
						<span>移动 / Android / iOS</span>
                        <span class="glyphicon glyphicon-triangle-right imv2-arrow1_r"></span>
                    </a>
				</div>
				<div class="menu-item" courseid="5">
					<a href="">
						<span>云计算 / 大数据 / 容器</span>
                        <span class="glyphicon glyphicon-triangle-right imv2-arrow1_r"></span>
                    </a>
				</div>
				<div class="menu-item" courseid="6">
					<a href="">
						<span>运维 / 测试 / 数据库</span>
                        <span class="glyphicon glyphicon-triangle-right imv2-arrow1_r"></span>
                    </a>
				</div>
				<div class="menu-item" courseid="7">
					<a href="">
						<span>UI设计 / 3D动画 / 游戏</span>
                        <span class="glyphicon glyphicon-triangle-right imv2-arrow1_r"></span>
                    </a>
				</div>
			</div>

			<!--图片轮播-->
			<div class="banner" id="banner">
				<a href="">
					<div class="banner-slide slide1 slide_active"></div>
				</a>
				<a href="">
					<div class="banner-slide slide2"></div>
				</a>
				<a href="">
					<div class="banner-slide slide3"></div>
				</a>

			</div>

			<!--上下按钮-->
			<a href="javascript:void(0)" class="button prev" id="prev"></a>
			<a href="javascript:void(0)" class="button next" id="next"></a>
			<!--圆点-->
			<div class="dots" id="dots">
				<span class="active"></span>
				<span></span>
				<span></span>
			</div>
		</div>
		<!--白色的块-->
		<ul class="path-banner">
			<li>
				<a href="#" target="_blank" data-track="ljtj-1-1">
					<i class="i-web"></i>
					<p class="tit">Web前端攻城狮</p>
					<p class="desc">踏入IT行业从此开始</p>
				</a>
			</li>
			<li>
				<a href="#" target="_blank" data-track="ljtj-1-3">
					<i class="i-java"></i>
					<p class="tit">Java攻城狮</p>
					<p class="desc">全球3大编程语言之一</p>
				</a>
			</li>
			<li>
				<a href="#" target="_blank" data-track="ljtj-1-4">
					<i class="i-android"></i>
					<p class="tit">Android攻城狮</p>
					<p class="desc">5G物联网通万物</p>
				</a>
			</li>
			<li>
				<a href="#" target="_blank" data-track="ljtj-1-2">
					<i class="i-php"></i>
					<p class="tit">PHP攻城狮</p>
					<p class="desc">打通前后端一步到位</p>
				</a>
			</li>
			<li>
				<a href="#" target="_blank" data-track="ljtj-1-2">
					<i class="i-python"></i>
					<p class="tit">Python攻城狮</p>
					<p class="desc">爬虫大数据抢占先机</p>
				</a>
			</li>

		</ul>
		<script src="../js/index.js"></script>

		</div>

		<div class="clearfix types-content">
			<div class="index-card-container course-card-container container">
				<a target="_blank" class="course-card" href="#" data-track="sztj-1-1">

					<div class="course-stat new">
						新课
					</div>
					<div class="course-card-top hashadow">
						<img class="course-banner" src="//img3.mukewang.com/szimg/5cb9976e08f6b07206000338.jpg">

						<div class="course-label">
							<label>Kubernetes</label>
							<label>运维</label>
						</div>
					</div>
					<div class="course-card-content">
						<h3 class="course-card-name">Kubernetes（k8s）生产级实践指南 从部署到核心应用 </h3>
						<div class="clearfix course-card-bottom">
							<div class="course-card-info">
								<span>实战</span><span>高级</span><span><i class="icon-set_sns"></i>82</span>
								<span class="course-star-box"><i class="icon-star2 on"></i><i class="icon-star2 on"></i><i class="icon-star2 on"></i><i class="icon-star2 on"></i><i class="icon-star2 on"></i></span>
							</div>

							<div class="course-card-price sales">￥316.00
								<span class="cost-price">￥366.00</span>
								<span class="sales-tip">限时优惠<i class="sales-timer js-sales-timer" data-timer="805208"></i></span> </div>
						</div>
					</div>
				</a>
			</div>

			<div class="index-card-container course-card-container container">
				<a target="_blank" class="course-card" href="#" data-track="sztj-1-2">

					<div class="course-card-top hashadow">
						<img class="course-banner" src="//img1.mukewang.com/szimg/5a39cd3f0001c09805400300.jpg">

						<div class="course-label">
							<label>算法</label>
							<label>机器学习</label>
						</div>
					</div>
					<div class="course-card-content">
						<h3 class="course-card-name">Python3入门机器学习 经典算法与应用</h3>
						<div class="clearfix course-card-bottom">
							<div class="course-card-info">
								<span>实战</span><span>中级</span><span><i class="icon-set_sns"></i>2500</span>
								<span class="course-star-box"><i class="icon-star2 on"></i><i class="icon-star2 on"></i><i class="icon-star2 on"></i><i class="icon-star2 on"></i><i class="icon-star2 on"></i></span>
							</div>

							<div class="course-card-price sales">￥499.00

								<span class="sales-tip">满减</span>

							</div>
						</div>
					</div>
				</a>
			</div>

			<div class="index-card-container course-card-container container">
				<a target="_blank" class="course-card" href="#" data-track="sztj-1-3">

					<div class="course-card-top hashadow">
						<img class="course-banner" src="//img3.mukewang.com/szimg/59b8a486000107fb05400300.jpg">

						<div class="course-label">
							<label>Python</label>
						</div>
					</div>
					<div class="course-card-content">
						<h3 class="course-card-name">全面系统Python3入门+进阶课程 更快上手实际开发</h3>
						<div class="clearfix course-card-bottom">
							<div class="course-card-info">
								<span>实战</span><span>初级</span><span><i class="icon-set_sns"></i>8239</span>
								<span class="course-star-box"><i class="icon-star2 on"></i><i class="icon-star2 on"></i><i class="icon-star2 on"></i><i class="icon-star2 on"></i><i class="icon-star2 on"></i></span>
							</div>

							<div class="course-card-price sales">￥366.00

								<span class="sales-tip">满减</span>

								<span class="sales-tip sales-tip1">分享有礼</span>
							</div>
						</div>
					</div>
				</a>
			</div>

			<div class="index-card-container course-card-container container">
				<a target="_blank" class="course-card" href="#" data-track="sztj-1-4">

					<div class="course-card-top hashadow">
						<img class="course-banner" src="//img2.mukewang.com/szimg/5ac2dfe100014a9005400300.jpg">

						<div class="course-label">
							<label>Vue.js</label>
						</div>
					</div>
					<div class="course-card-content">
						<h3 class="course-card-name">Vue2.5开发去哪儿网App 从零基础入门到实战项目</h3>
						<div class="clearfix course-card-bottom">
							<div class="course-card-info">
								<span>实战</span><span>中级</span><span><i class="icon-set_sns"></i>5447</span>
								<span class="course-star-box"><i class="icon-star2 on"></i><i class="icon-star2 on"></i><i class="icon-star2 on"></i><i class="icon-star2 on"></i><i class="icon-star2 on"></i></span>
							</div>

							<div class="course-card-price sales">￥266.00

								<span class="sales-tip">满减</span>

							</div>
						</div>
					</div>
				</a>
			</div>

			<div class="index-card-container course-card-container container">
				<a target="_blank" class="course-card" href="#" data-track="sztj-1-5">

					<div class="course-stat new">
						新课
					</div>
					<div class="course-card-top hashadow">
						<img class="course-banner" src="//img2.mukewang.com/szimg/5cbf00c608f52a3b06000338.jpg">

					</div>
					<div class="course-card-content">
						<h3 class="course-card-name">基于TypeScript从零重构axios</h3>
						<div class="clearfix course-card-bottom">
							<div class="course-card-info">
								<span>实战</span><span>中级</span><span><i class="icon-set_sns"></i>328</span>
								<span class="course-star-box"><i class="icon-star2 on"></i><i class="icon-star2 on"></i><i class="icon-star2 on"></i><i class="icon-star2 on"></i><i class="icon-star2 on"></i></span>
							</div>

							<div class="course-card-price sales">￥328.00
								<span class="cost-price">￥388.00</span>
								<span class="sales-tip">限时优惠<i class="sales-timer js-sales-timer" data-timer="2274008"></i></span> </div>
						</div>
					</div>
				</a>
			</div>

		</div>
		<!--新上好课-->
		<div class="bg000">
			<div class="container-types clearfix">
				<h3 class="types-title">				<span class="tit-icon icon-new-l tit-icon-l"></span><em>新</em>／<em>上</em>／<em>好</em>／<em>课</em><span class="tit-icon icon-new-r tit-icon-r"></span>							</h3>
				<div class="clearfix types-content">
					<div class="index-card-container course-card-container container">
						<a target="_blank" class="course-card" href="//coding.imooc.com/class/335.html?mc_marking=c5a3de541d57c8b0f8adb42c41479892&amp;mc_channel=syb11" data-track="xshk-1-1">

							<div class="course-stat new">
								新课
							</div>
							<div class="course-card-top hashadow">
								<img class="course-banner" src="//img3.mukewang.com/szimg/5cb9976e08f6b07206000338.jpg">

								<div class="course-label">
									<label>Kubernetes</label>
									<label>运维</label>
								</div>
							</div>
							<div class="course-card-content">
								<h3 class="course-card-name">Kubernetes（k8s）生产级实践指南 从部署到核心应用 </h3>
								<div class="clearfix course-card-bottom">
									<div class="course-card-info">
										<span>实战</span><span>高级</span><span><i class="icon-set_sns"></i>93</span>
										<span class="course-star-box"><i class="icon-star2 on"></i><i class="icon-star2 on"></i><i class="icon-star2 on"></i><i class="icon-star2 on"></i><i class="icon-star2 on"></i></span>
									</div>

									<div class="course-card-price sales">￥316.00
										<span class="cost-price">￥366.00</span>
										<span class="sales-tip">限时优惠<i class="sales-timer js-sales-timer" data-timer="630616"></i></span> </div>
								</div>
							</div>
						</a>
					</div>

					<div class="index-card-container course-card-container container">
						<a target="_blank" class="course-card" href="//coding.imooc.com/class/334.html?mc_marking=0e3785bb64ff082e0fe94900fd9b9ed6&amp;mc_channel=syb12" data-track="xshk-1-2">

							<div class="course-stat new">
								新课
							</div>
							<div class="course-card-top hashadow">
								<img class="course-banner" src="//img1.mukewang.com/szimg/5cb3e0c7087bb92206000338.jpg">

								<div class="course-label">
									<label>Node.js</label>
									<label>React.JS</label>
								</div>
							</div>
							<div class="course-card-content">
								<h3 class="course-card-name">React16.8+Next.js+Koa2开发Github全栈项目</h3>
								<div class="clearfix course-card-bottom">
									<div class="course-card-info">
										<span>实战</span><span>高级</span><span><i class="icon-set_sns"></i>85</span>
										<span class="course-star-box"><i class="icon-star2 on"></i><i class="icon-star2 on"></i><i class="icon-star2 on"></i><i class="icon-star2 on"></i><i class="icon-star2 on"></i></span>
									</div>

									<div class="course-card-price sales">￥339.00
										<span class="cost-price">￥399.00</span>
										<span class="sales-tip">限时优惠<i class="sales-timer js-sales-timer" data-timer="25816"></i></span> </div>
								</div>
							</div>
						</a>
					</div>

					<div class="index-card-container course-card-container container">
						<a target="_blank" class="course-card" href="//www.imooc.com/learn/1116?mc_marking=e0b7020c55162407944b7ca0fa1373f8&amp;mc_channel=syb13" data-track="xshk-1-3">

							<div class="course-stat new">
								新课
							</div>
							<div class="course-card-top hashadow">
								<img class="course-banner" src="//img1.mukewang.com/5cb0320d084566ed06000338-240-135.jpg">

								<div class="course-label">
									<label>Android</label>
								</div>
							</div>
							<div class="course-card-content">
								<h3 class="course-card-name">ViewPager+Tab特效实现微信主界面</h3>
								<div class="clearfix course-card-bottom">
									<div class="course-card-info">
										<span>初级</span><span><i class="icon-set_sns"></i>1533</span>
									</div>
									<div class="course-card-price sales">免费</div>
								</div>
							</div>
						</a>
					</div>

					<div class="index-card-container course-card-container container">
						<a target="_blank" class="course-card" href="//coding.imooc.com/class/320.html?mc_marking=c34246431eb3cf0f97cb2da17ecf3e1b&amp;mc_channel=syb14" data-track="xshk-1-4">

							<div class="course-card-top hashadow">
								<img class="course-banner" src="//img4.mukewang.com/szimg/5c7c82630820acf806000338.jpg">

								<div class="course-label">
									<label>Node.js</label>
								</div>
							</div>
							<div class="course-card-content">
								<h3 class="course-card-name">Node.js从零开发Web Server博客项目  前端晋升全栈工程师必备</h3>
								<div class="clearfix course-card-bottom">
									<div class="course-card-info">
										<span>实战</span><span>中级</span><span><i class="icon-set_sns"></i>658</span>
										<span class="course-star-box"><i class="icon-star2 on"></i><i class="icon-star2 on"></i><i class="icon-star2 on"></i><i class="icon-star2 on"></i><i class="icon-star2 on"></i></span>
									</div>

									<div class="course-card-price sales">￥288.00

										<span class="sales-tip">满减</span>

									</div>
								</div>
							</div>
						</a>
					</div>

					<div class="index-card-container course-card-container container">
						<a target="_blank" class="course-card" href="//coding.imooc.com/class/327.html?mc_marking=a9aac085bc5bc146078d6095101af2a0&amp;mc_channel=syb15" data-track="xshk-1-5">

							<div class="course-card-top hashadow">
								<img class="course-banner" src="//img4.mukewang.com/szimg/5c9a0db9088d218306000338.jpg">

								<div class="course-label">
									<label>深度学习</label>
									<label>计算机视觉</label>
								</div>
							</div>
							<div class="course-card-content">
								<h3 class="course-card-name">Python3+TensorFlow打造人脸识别智能小程序</h3>
								<div class="clearfix course-card-bottom">
									<div class="course-card-info">
										<span>实战</span><span>中级</span><span><i class="icon-set_sns"></i>98</span>
										<span class="course-star-box"><i class="icon-star2 on"></i><i class="icon-star2 on"></i><i class="icon-star2 on"></i><i class="icon-star2 on"></i><i class="icon-star2 on"></i></span>
									</div>

									<div class="course-card-price sales">￥466.00

									</div>
								</div>
							</div>
						</a>
					</div>

					<div class="index-card-container course-card-container container">
						<a target="_blank" class="course-card" href="//coding.imooc.com/class/340.html?mc_marking=b9f5e475d0cb8922d899d416f5b4433f&amp;mc_channel=syb16" data-track="xshk-1-6">

							<div class="course-stat new">
								新课
							</div>
							<div class="course-card-top hashadow">
								<img class="course-banner" src="//img4.mukewang.com/szimg/5cc657ee086fc3e706000338.jpg">

								<div class="course-label">
									<label>Android</label>
								</div>
							</div>
							<div class="course-card-content">
								<h3 class="course-card-name">剖析Framework面试 冲击Android高级职位</h3>
								<div class="clearfix course-card-bottom">
									<div class="course-card-info">
										<span>实战</span><span>高级</span><span><i class="icon-set_sns"></i>4</span>
										<span class="course-star-box"><i class="icon-star2 on"></i><i class="icon-star2 on"></i><i class="icon-star2 on"></i><i class="icon-star2 on"></i><i class="icon-star2 on"></i></span>
									</div>

									<div class="course-card-price sales">￥245.00
										<span class="cost-price">￥288.00</span>
										<span class="sales-tip">限时优惠<i class="sales-timer js-sales-timer" data-timer="1235416"></i></span> </div>
								</div>
							</div>
						</a>
					</div>

					<div class="index-card-container course-card-container container">
						<a target="_blank" class="course-card" href="//www.imooc.com/learn/1117?mc_marking=9d0c45da6adcaa709d10e10d8ebcddc6&amp;mc_channel=syb17" data-track="xshk-1-7">

							<div class="course-stat new">
								新课
							</div>
							<div class="course-card-top hashadow">
								<img class="course-banner" src="//img1.mukewang.com/5cb44aad0923606a06000338-240-135.jpg">

								<div class="course-label">
									<label>PHP</label>
								</div>
							</div>
							<div class="course-card-content">
								<h3 class="course-card-name">PHP+Mysql+Ajax实现分页</h3>
								<div class="clearfix course-card-bottom">
									<div class="course-card-info">
										<span>中级</span><span><i class="icon-set_sns"></i>1476</span>
									</div>
									<div class="course-card-price sales">免费</div>
								</div>
							</div>
						</a>
					</div>

					<div class="index-card-container course-card-container container">
						<a target="_blank" class="course-card" href="//coding.imooc.com/class/187.html?mc_marking=d1fd61f18d73135fd74382c68a85e10e&amp;mc_channel=syb18" data-track="xshk-1-8">

							<div class="course-stat upgrade">
								升级
							</div>
							<div class="course-card-top hashadow">
								<img class="course-banner" src="//img4.mukewang.com/szimg/5cb68a1408ed350506000338.jpg">

								<div class="course-label">
									<label>微服务</label>
									<label>Spring Cloud</label>
								</div>
							</div>
							<div class="course-card-content">
								<h3 class="course-card-name">SpringCloud  Finchley三版本(M2+RELEASE+SR2)微服务实战</h3>
								<div class="clearfix course-card-bottom">
									<div class="course-card-info">
										<span>实战</span><span>高级</span><span><i class="icon-set_sns"></i>3698</span>
										<span class="course-star-box"><i class="icon-star2 on"></i><i class="icon-star2 on"></i><i class="icon-star2 on"></i><i class="icon-star2 on"></i><i class="icon-star2 on"></i></span>
									</div>

									<div class="course-card-price sales">￥366.00

										<span class="sales-tip">满减</span>

									</div>
								</div>
							</div>
						</a>
					</div>

					<div class="index-card-container course-card-container container">
						<a target="_blank" class="course-card" href="//www.imooc.com/learn/1118?mc_marking=5487b137ad904bd13590a053ede6da2f&amp;mc_channel=syb19" data-track="xshk-1-9">

							<div class="course-stat new">
								新课
							</div>
							<div class="course-card-top hashadow">
								<img class="course-banner" src="//img3.mukewang.com/5cb6ec65083b996306000338-240-135.jpg">

								<div class="course-label">
									<label>Java</label>
									<label>算法与数据结构</label>
								</div>
							</div>
							<div class="course-card-content">
								<h3 class="course-card-name">解锁网络编程之NIO的前世今生</h3>
								<div class="clearfix course-card-bottom">
									<div class="course-card-info">
										<span>入门</span><span><i class="icon-set_sns"></i>1697</span>
									</div>
									<div class="course-card-price sales">免费</div>
								</div>
							</div>
						</a>
					</div>

					<div class="index-card-container course-card-container container">
						<a target="_blank" class="course-card" href="//coding.imooc.com/class/329.html?mc_marking=e1b10d50f61d93b98befa04edc7c22a5&amp;mc_channel=syb20" data-track="xshk-1-10">

							<div class="course-card-top hashadow">
								<img class="course-banner" src="//img3.mukewang.com/szimg/5c9dfe8d08cfab1106000338.jpg">

								<div class="course-label">
									<label>Android</label>
									<label>iOS</label>
								</div>
							</div>
							<div class="course-card-content">
								<h3 class="course-card-name">WebRTC实时互动直播技术入门与实战 5G时代必备技能</h3>
								<div class="clearfix course-card-bottom">
									<div class="course-card-info">
										<span>实战</span><span>中级</span><span><i class="icon-set_sns"></i>217</span>
										<span class="course-star-box"><i class="icon-star2 on"></i><i class="icon-star2 on"></i><i class="icon-star2 on"></i><i class="icon-star2 on"></i><i class="icon-star2 on"></i></span>
									</div>

									<div class="course-card-price sales">￥288.00

										<span class="sales-tip">满减</span>

									</div>
								</div>
							</div>
						</a>
					</div>

				</div>
			</div>
		</div>
		<div class="modal-backdrop" id="modal-backdrop" style="display: none"></div>
        <div id="signin" class="rl-modal" style="display: none">
            <div class="rl-modal-header">
                <button class="rl-close" type="button"></button>
                <h1>
                    <span class="btn-login">登录</span>
                    <span class="btn-register active-title">注册</span>
                </h1>
            </div>
            <div id="signup" class="rl-modal-body ">
                <form id="signup-form" action="">
                    <div class="rlf-group">
                        <input id="register-phone" type="text" class="ipt" maxlength="37" value="" placeholder="请输入注册的手机号"
                               name="phone" autocomplete="off">
                        <p class="rlf-tip-wrap">请输入正确的手机号</p>
                    </div>

                    <div class="rlf-group has-error">
                        <a href="#" class="verify-img-wrap" id="changeImg">
                            <canvas class="show-captcha" id="canvas" width="130" height="38"></canvas>
                        </a>
                        <input id="register-pictureCheck" type="text" class="ipt" maxlength="6" value="" placeholder="请输入验证码"
                               name="checkno" autocomplete="off">
                        <p class="rlf-tip-wrap">请输入正确的验证码</p>
                    </div>
                    <div class="rlf-group phoneVerityBox">
                        <input type="checkbox" class="auto-cbx" autocomplete="off">&nbsp;&nbsp;同意
                        <a href="" class="ipt-agreement">《授教网注册协议》</a>
                    </div>
                    <p id="signin-globle-error"></p>
                    <div class="rlf-group phoneVerityBox">
                        <input id="moco-btn-register" type="button" class="moco-btn" value="注册">
                    </div>
                </form>
            </div>

            <div id="register-signin" class="rl-modal-body " style="display: none">
                <form id="signin-form" action="">
                    <p class="title">填写短信验证码密码完成注册</p>
                    <p class="subtitle">
                        短信验证码已发送至
                        <span name="phone"  class="js-phoneNumber">17606556909</span>
                        <!--                <input type="text" name="phone" style="display: none" value="17606556909">-->
                    </p>

                    <div class="rlf-group js-phoneVerityBox">
                        <p class="rsSend">
                            <button type="button" class="js-register-send" state="false">重新发送</button>
                        </p>
                        <input id="register-checkno" type="text" class="ipt" maxlength="6" value="" placeholder="请输入短信验证码"
                               name="checkno" autocomplete="off">
                        <p class="rlf-tip-wrap"></p>
                    </div>
                    <div class="rlf-group">
                        <a class="proclaim-btn" hidefocus="true">
                            <span class="glyphicon glyphicon-eye-close"></span>
                        </a>
                        <input id="register-pwd" type="password" class="ipt" maxlength="16" value="" placeholder="请输入6-16位密码,区分大小写,不能用空格"
                               name="pwd" autocomplete="off">
                        <p class="rlf-tip-wrap">请输入6-16位密码,区分大小写,不能用空格</p>
                    </div>
                    <div class="rlf-group">
                        <input type="button" class="moco-btn moco-btn-register1" value="完成">
                    </div>
                    <p class="backNotify">返回修改手机号</p>
                </form>
            </div>

            <div class="rl-modal-body js-loginWrap" style="display: none">
                <div>
                    <form id="signup-form" action="">
                        <div class="rlf-group">
                            <input id="login-phone" type="text" class="ipt" maxlength="37" value="" placeholder="请输入登录的手机号"
                                   name="phone" autocomplete="off">
                            <p class="rlf-tip-wrap">请输入正确的手机号</p>
                        </div>
                        <div class="rlf-group js-loginPassword">
                            <a class="proclaim-btn" hidefocus="true">
                                <span class="glyphicon glyphicon-eye-close"></span>
                            </a>
                            <input id="login-pwd" type="password" class="ipt" maxlength="16" value="" placeholder="请输入密码"
                                   name="password" autocomplete="off">
                            <p class="rlf-tip-wrap">请输入6-16位密码,区分大小写,不能用空格</p>
                        </div>
                        <div class="rlf-group js-phoneVerityBox">
                            <p class="rsSend">
                                <button type="button" class="js-signin-send" state="true" >获取验证码</button>
                            </p>
                            <input id="login-checkno" type="text" class="ipt" maxlength="6" value="" placeholder="请输入短信验证码"
                                   name="checkno" autocomplete="off">
                            <p class="rlf-tip-wrap">请输入6位纯数字的短信验证码</p>
                        </div>
                        <div class="rlf-group phoneVerityBox">
                            <input type="checkbox" class="auto-cbx auto-login" autocomplete="off">&nbsp;&nbsp;7天内自动登录
                            <a href="#" class="rlf-forget">找回密码</a>
                        </div>
                        <p id="login-globle-error">账号密码错误</p>
                        <div class="rlf-group phoneVerityBox">
                            <input type="button" loginway="code" class="moco-btn moco-btn-login" value="登录">
                        </div>
                        <div class="rlf-group phoneVerityBox">
                            <span class="rlf-other" state="loginPassword">账号密码登录</span>
                        </div>
                    </form>
                </div>
            </div>
            <div class="rl-modal-body reg-success1" style="display: none;text-align: center">
                <span class="icon-send-success">
                    <span class="glyphicon glyphicon-ok"></span>
                </span>
                <p>恭喜注册成功</p>
                <div class="rlf-group" style="text-align: center">
                    <input type="text" class="moco-btn js-gotoLearn" value="返回登录">
                    <div>
                        <a href="">完善资料</a>
                    </div>
                </div>
            </div>
        </div>
        <script type="text/javascript" src="../js/jQuery%20v3.3.1.js"></script>
        <script type="text/javascript" src="../js/nav.js"></script>
        <script>
            $(".menu-item").mouseover(function() {
                var courseids = $(".menu-item");
                var i = $(this).index();
                var courseid = courseids[i].getAttribute("courseid");
                fiindCourseType(courseid);

            }).mouseout(function() {});
            function fiindCourseType(courseid) {
                var listr = "";
                $.ajax({
                    type: "get",
                    url: "http://localhost:8080/type/" + courseid + "",
                    dataType: "json",
                    success: function(result) {
                        $.each(result, function(idx, obj) {
                            listr += `<li><a href="`+window.location.href.split("/")[0]+`/course?directId=`+obj.dId+`&typeId=`+obj.id+`">` + obj.name + `</a></li>`
                        });
                        $(".shuju").empty().append(listr)
                    }
                });
            }

            function loadNav(){
                $.ajax({cache: false});
                $(".head").load("nav.html nav")
                // $(".foot").load("nav.html #modal-backdrop");
                // $(".foot").load("nav.html #signin")
            }
            loadNav();
        </script>
        <script src="../bootstrap/js/bootstrap.min.js"></script>
	</body>

</html>